<template>
 <header class="header">
      <h1>todos</h1>
      <input class="new-todo" 
      placeholder="请输入任务名称" 
      autofocus 
      v-model.trim="caseName"
      @keyup.enter="addList"/>
    </header>
</template>

<script>
 export default {
   name: 'TodoHeader',
   props: {
   },
   data(){
    return{
      caseName:''
    }
   },
   methods:{
    addList(){
      if(!this.caseName.length) return
    this.$emit('addList',this.caseName)
    // 清空数据
    this.caseName = ''
   }
   }
   
 }
</script>

<style scoped lang='less'>

</style>